@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: normal;
  src: local('Lobster'), url('http://themes.googleusercontent.com/static/fonts/lobster/v3/NIaFDq6p6eLpSvtV2DTNDQLUuEpTyoUstqEm5AMlJo4.woff') format('woff');
}
@font-face {
  font-family: 'Lobster Two';
  font-style: italic;
  font-weight: 400;
  src: local('Lobster Two Italic'), local('LobsterTwo-Italic'), url('http://themes.googleusercontent.com/static/fonts/lobstertwo/v2/Ul_16MSbfayQv1I4QhLEoIo3ZslTYfJv0R05CazkwN8.woff') format('woff');
}
@font-face {
  font-family: 'Lobster Two';
  font-style: italic;
  font-weight: 700;
  src: local('Lobster Two Bold Italic'), local('LobsterTwo-BoldItalic'), url('http://themes.googleusercontent.com/static/fonts/lobstertwo/v2/LEkN2_no_6kFvRfiBZ8xpCHgNb6vKVPdRA9LSAKGxzw.woff') format('woff');
}

body {
  margin: 0;
  padding: 0;
}

#about {
  background-image: url("img/noise.png"),
                    -moz-radial-gradient(center 45deg, circle closest-side,
                                         #fff 0%, #cbcbcb 200%);
  background-image: url("img/noise.png"),
                    -webkit-gradient(radial, 45% 45%, 0, 45% 45%, 700,
                                     from(#fff), to(#cbcbcb));
  background-color: #ccc;
  position: absolute;
  width: 100%;
  height: 100%;
}

.about-title {
  font-family: 'Lobster', serif;
  margin-top: 17.5%;
  text-align: center;
  text-shadow: 0 1px white;
  font-size: 2.6em;
  color: #100;
}

.about-description {
  font-family: 'Lobster Two', 'Lobster', serif;
  margin-top: 20px;
  text-align: center;
  text-shadow: 0 1px white;
  font-size: 1.5em;
  color: #433;
}

.about-strong {
  font-family: 'Lobster', serif;
  color: #700;
}

#firefox-logo {
  position: absolute;
  bottom: 12px;
  left: 12px;
  border: 0;
  opacity: 0.1;
}
